<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,maximum-scale=1.0" />
    <title><#if entity.identitycardId??>编辑<#else>新增</#if>认证信息</title>
    <#include "/view/admin/head.html"/>
    <script type="text/javascript" src="${base}/jstool/bootstrap-fileinput/js/fileinput.js"></script>
    <script type="text/javascript" src="${base}/jstool/bootstrap-fileinput/js/locals/zh.js"></script>
    <link rel="stylesheet" type="text/css" href="${base}/jstool/bootstrap-fileinput/css/fileinput.min.css" />
    <script type="text/javascript" src="${base}/jstool/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript" src="${base}/jstool/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <link rel="stylesheet" type="text/css" href="${base}/jstool/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
    <script type="text/javascript" src="${base}/jstool/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript" src="${base}/jstool/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <link rel="stylesheet" type="text/css" href="${base}/jstool/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />


    <script type="text/javascript" src="${base}/jstool/bootstrap-validator-0.5.3/js/bootstrapValidator.min.js"></script>
    <script type="text/javascript" src="${base}/jstool/bootstrap-validator-0.5.3/lang/zh_CN.min.js"></script>
    <link rel="stylesheet" type="text/css" href="${base}/jstool/bootstrap-validator-0.5.3/css/bootstrapValidator.min.css" />


    <style type="text/css">
        .list-path {
            height: 50px;
            line-height: 50px;
            background-color: #9acfea;
        }

        .table-class {
            width: 90%;
            text-align: center;
            border: 1px solid #afd9ee;
            margin: 0 auto;
            margin-top: 50px;
        }

        table th {
            width: 20%;
            background-color: #d9edf7;
            text-align: right;
        }

        table td {
            width: 20%;
            text-align: left;
        }


    </style>
    <script type="text/javascript">

        $(function(){
            //初始化




                $('#idCardFace').fileinput({
                    language: 'zh', //设置语言
                    allowedFileExtensions : ['jpg', 'png','gif'],//接收的文件后缀
                    showUpload: false, //是否显示上传按钮
                    showCaption: false,//是否显示标题
                    browseClass: "btn btn-primary", //按钮样式
                    previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
                });
                $('#idCardReverse').fileinput({
                    language: 'zh', //设置语言
                    allowedFileExtensions : ['jpg', 'png','gif'],//接收的文件后缀
                    showUpload: false, //是否显示上传按钮
                    showCaption: false,//是否显示标题
                    browseClass: "btn btn-primary", //按钮样式
                    previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
                });

                $('#createTime').datetimepicker({language: 'zh-CN' });



            $('#identitycardForm').bootstrapValidator({
                message: 'This value is not valid',
                feedbackIcons: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {





                    
                name:{
                    message: '输入真实姓名出错',
                    validators:{
                        notEmpty: {
                            message: '真实姓名不能为空'
                        },
                        stringLength:{
                            max: 255,
                            message: '真实姓名不能超过 255个字符'
                        }
                    }
                }

                    ,
                idCard:{
                    message: '输入身份证号码出错',
                    validators:{
                        notEmpty: {
                            message: '身份证号码不能为空'
                        },
                        stringLength:{
                            max: 255,
                            message: '身份证号码不能超过 255个字符'
                        }
                    }
                }








                }
            });


        });

    </script>
</head>
<body>
<#include "/view/admin/listnav.html"/>


<div class="table-class">
    <#include "/view/admin/opermsg.html"/>
    <form id="identitycardForm" action="${base}/userinfo/saveAuditInformation"
     method="post" enctype="multipart/form-data"  >
    <table class="table table-bordered">

                        <input type="hidden" style="display: none" name="identitycardId" value="${entity.identitycardId!}"/>


                        <input type="hidden" style="display: none" name="userInfoId" value="${entity.userInfoId!}"/>


                <tr>
                <th>真实姓名</th>
                <td>
                    <div class="form-group">
                        <input type="text" class="form-control" id="name" readonly="readonly" name="name" placeholder="请输入真实姓名" value="${entity.name!}">
                    </div>
                </td>
                

                
                <th>身份证号码</th>
                <td>
                    <div class="form-group">
                        <input type="text" class="form-control" readonly="readonly"  id="idCard" name="idCard" placeholder="请输入身份证号码" value="${entity.idCard!}">
                    </div>
                </td>
                </tr>

                <tr>
                <th>身份证正面</th>
                <td>
            <#if entity.idCardFace??>
                        <img src="${base}${entity.idCardFace!}" height="200px" width="350x;">
            </#if>

                    <input type="file" class="form-control" readonly="readonly" id="idCardFace" name="fileIdCardFace" >
                </td>
                

                
                <th>身份证背面</th>
                <td>
            <#if entity.idCardReverse??>
                        <img src="${base}${entity.idCardReverse!}" height="100px" width="350px">
            </#if>

                    <input type="file" class="form-control" readonly="readonly" id="idCardReverse" name="fileIdCardReverse" >
                </td>
                </tr>

                <tr>
                <th>状态</th>
                <td>
                    <div class="form-group">
                        <select id="status" name="status"
                                class="form-control"
                        >
                            <option value="">请选择状态</option>
                                            <option value="0" <#if entity.status??&&0 == entity.status>selected="selected"</#if>>审批中</option>

                                            <option value="1" <#if entity.status??&&1 == entity.status>selected="selected"</#if>>审批通过</option>

                                            <option value="2" <#if entity.status??&&2 == entity.status>selected="selected"</#if>>审批不通过</option>


                        </select>
                    </div>
                </td>
                
                </tr>


        <tr>
            <td colspan="4" width="100%" style="text-align: center;">
                <input type="submit" class="btn btn-success " value="保存"/>
                <span style="width: 20px;">&nbsp;</span>
                <a class="btn btn-danger " href="javascript:window.history.go(-1)">
                   </span>返回</a>
            </td>
        </tr>

    </table>
</form>




</div>

<script type="text/javascript">

</script>


</body>
</html>
